/**
 * 首页的顶部区域
 */
Ext.define('app.view.main.region.Top', {

	extend: 'Ext.toolbar.Toolbar',
	
	alias: 'widget.maintop',
	
	users: ['app.ux.ButtonTransparent'],
	
	defaults: {
		xtype : 'buttontransparent'
	},
	
	style: 'background-color : #cde6c7',
	height: 40,
	
	items: [{
		xtype: 'image',
		bind: { // 数据绑定到MainModel中data的ystem.iconUrl
			hidden: '{!systemInfo.tf_iconURL}', // 如果system.iconUrl未设置，则此image不显示
			src: '{systemInfo.tf_iconURL}' // 根据system.iconUrl的设置来加载图片
		}
	}, {
		xtype: 'label',
		bind: {
			text: '{systemInfo.tf_systemName}'
		},
		style: 'font-size: 20px; color: blue;'
	}, {
		xtype: 'label',
		bind: {  
            text: '{systemInfo.tf_systemVersion}'  
        } 
	}, 
	'->',
    ' ', 
    ' ', 
    {  
        text : '首页',
        glyph : 0xf015
    }, {  
        text : '帮助', 
        glyph : 0xf059
    }, {  
        text : '关于',
        glyph : 0xf06a
    },
    '->', 
    '->', 
    {  
        text : '搜索',  
        glyph : 0xf002
    }, {  
        text : '注销', 
        glyph : 0xf011
    }, {  
        glyph : 0xf102,
        handler : 'hiddenTopBottom',
        tooltip : '隐藏顶部和底部区域'
    }] 
});
